*{
    margin: 0px;
    /* 边框定义 */
    padding: 0;
    /* 四个位置填充 */
}

body{
    background:url("photo/chenfuli (23).jpg");
    /* 设置背景图片 */
    background-size: 100% 100%;
}

.container{
    width: 1000px;
    height: 618px;
    margin: 30px auto;
    position: relative;
}
.pic{
    width: 160px
}

.container img:hover{
    box-shadow: 35px 35px 35px rgba(50,50,50,0.8);
    transform: rotate(0deg) scale(1.5);
    z-index: 1;/*代表图片层级，将其设置为最上面的图层*/
}

.container img{
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: white;
    box-shadow: 15px 15px 15px rgba(50,50,50,0.99);
    position: relative;
    /*绝对定位--利用Left可以手动调整照片位置*/
    /*加入动画效果*/
    transition: all 1s ease-in;
}

.pic1{
    transform: rotate(30deg);
    top:90px;
    left:6px;
}
.pic2{
     left: 100px;
     top:0;
     transform: rotate(-20deg);
}
.pic3{
      buttom: 100px;
      right: 100px;
      transform: rotate(-5deg);
}
.pic4{
    top: 400px;
    left: 200px;
    transform: rotate(-10deg);
}
.pic5{
    buttom: 0px;
    left: 830px;
    top: 100px;
    transform: rotate(20deg);
}
.pic6{
    left: 500px;
    top: 0px;
    transform: rotate(10deg);
}
.pic7{
    left: 850px;
    top: 0px;
    transform: rotate(20deg);
}
.pic8{
    buttom: -20px;
    top:100px;
    transform: rotate(5deg);
}
.pic9{
    left: 550px;
    top:-10px;
    transform: rotate(15deg);
}
.pic10{
    left: 400px;
    top:-20px;
    transform: rotate(-5deg);
}